/* input组件 */
.el-input__inner, .el-textarea__inner {
  border-radius: 2px;
}
.el-input__inner:hover, .el-input__inner:focus {
  border-radius: 2px;
  border-color: var(--lightBg) !important;
}
.el-textarea__inner:hover, .el-textarea__inner:focus  {
  border-radius: 2px;
  border-color: var(--lightBg) !important;
}
.el-input-group--prepend .el-input__inner, .el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group__prepend:hover, .el-input-group__prepend:focus{
  border-color: #DCDFE6;
}
.input-with-select .el-input-group__prepend:focus{
  border-color: var(--lightBg) !important;
  border-radius: 2px 0 0 2px;
}

/*下拉*/
.el-select .el-input__inner:focus {
  border-color: var(--lightBg) !important;
}
.el-select-dropdown__item.selected {
  color: var(--lightBg) !important;
  font-weight: 700;
}

/* radio */
.el-radio__input.is-checked+.el-radio__label {
  color: var(--lightBg) !important;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--lightBg) !important;
  background: var(--lightBg) !important;
}
.el-radio-button__inner:hover {
  color: var(--lightBg) !important;
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #FFF !important;
  background-color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
  box-shadow: -1px 0 0 0 var(--lightBg) !important;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--lightBg) !important;
}

/* checkbox */
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: var(--lightBg) !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
}
.el-checkbox__inner:hover, .el-checkbox__inner:focus {
  border-color: var(--lightBg) !important;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--lightBg) !important;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: var(--lightBg) !important;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFF !important;
  background-color:  var(--lightBg) !important;
  border-color:  var(--lightBg) !important;
  box-shadow: -1px 0 0 0 #B3C4F7;
}
.el-checkbox-button__inner:hover {
  color: var(--lightBg) !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner{
  border-color:  var(--lightBg) !important;
}

/* 级联 */
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
  color: var(--lightBg) !important;
  font-weight: 700;
}

/* switch开关 */
.el-switch.is-checked .el-switch__core {
  border-color: var(--lightBg) ;
  background-color: var(--lightBg) ;
}
.el-switch__label.is-active {
  color: var(--lightBg) !important;
}

/* 滑动条 */
.el-slider__bar {
  height: 6px;
  background-color: var(--lightBg);
}
.el-slider__button {
  border: 2px solid var(--lightBg);
}

/* 时间选择器 */
.time-select-item.selected:not(.disabled) {
  color: var(--lightBg);
  font-weight: 700;
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--lightBg);
}
.el-time-spinner__arrow:hover {
  color: var(--lightBg);
}
.el-range-editor.is-active, .el-range-editor.is-active:hover {
  border-color: var(--lightBg);
}
.el-date-table td.today span {
  color: var(--lightBg);
  font-weight: 700;
}
.el-date-table td.current:not(.disabled) span {
  color: #FFF;
  background-color: var(--lightBg);
}
.el-date-table td span:hover{
  color: var(--lightBg);
}
.el-picker-panel__shortcut:hover{
  color: var(--lightBg);
}
.el-month-table td.today .cell {
  color: var(--lightBg);
  font-weight: 700;
}
.el-month-table td .cell:hover {
  color: var(--lightBg);
}
.el-date-table td.available:hover {
  color: var(--lightBg);
}
.el-year-table td.today .cell {
  color: var(--lightBg);
  font-weight: 700;
}
.el-year-table td .cell:hover{
  color: var(--lightBg);
}
.el-date-table td.selected span {
  background-color: var(--lightBg);
  color: #FFF;
  border-radius: 15px;
}
.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
  color: var(--lightBg);
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
  background-color: var(--lightBg);
  color: #fff;
}
.el-picker-panel__icon-btn:hover{
  color: var(--lightBg);
}
.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
  color: var(--lightBg);
}

.el-date-editor .el-range-separator{
  width: 30px;
}
/* button */
.navbar .btn[data-v-d16d6306] {
  color: #7f91a6;
  background: #fff !important;
  border: #fff !important;
  box-shadow: none;
}
.el-button, .el-button.is-plain{
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
  border-radius: 1px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.el-button:focus, .el-button:hover {
  color: var(--lightBg);
  border-color: var(--lightBg);
  background-color: var(--lbBg);
}
//.el-button:hover, .el-button:focus, .el-button:active, .el-button.is-active{
//  color: var(--lightBg);
//  border-color: var(--lightBg);
//  background-color: var(--lbBg);
//  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
//}
//.el-button, .el-button.is-plain:hover,.el-button.is-plain:focus, .el-button.is-plain.is-active{
//  color: var(--lightBg);
//  border-color: var(--lightBg);
//  background-color: var(--lbBg);
//  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
//}
.el-button--default{
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
  border-radius: 1px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.el-button.el-button--default:hover, .el-button.el-button--default:focus, {
  color: var(--lightBg);
  border-color: var(--lightBg);
  background-color: var(--lbBg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.el-button:focus, .el-button:hover {
  color: var(--lightBg);
  border-color: var(--lightBg);
  background-color: var(--lbBg);
}
/*申达渐变按钮*/
.el-button--shenda{
  color: var(--lightBg);
  background-color: #fff;
  border-color: var(--lightBg);
}
.el-button--shenda:hover,.el-button--shenda:focus,.el-button--shenda:active,.el-button--shenda.is-active{
  color: #FFF;
  background-image: linear-gradient(to top, var(--lightBg) 0%, var(--hoverBg) 100%);
  border-color: var(--lightBg);
}
.el-button--shenda.is-disabled, .el-button--shenda.is-disabled:active, .el-button--shenda.is-disabled:focus, .el-button--shenda.is-disabled:hover{
  color: #FFF;
  background-image: linear-gradient(to top, var(--lightBg) 0%, var(--hoverBg) 100%);
  border-color: var(--lightBg);
}
.el-button--shendaSuccess{
  background-color: #FFF;
  color: var(--success);
  border-color: var(--success);
}
.el-button--shendaSuccess:hover,.el-button--shendaSuccess:focus,.el-button--shendaSuccess:active,.el-button--shendaSuccess.is-active{
  color: #FFF;
  background-image: linear-gradient(to top, var(--success) 0%, #6EDC91 100%);
  border-color: var(--success);
}
.el-button--shendaSuccess.is-disabled, .el-button--shendaSuccess.is-disabled:active, .el-button--shendaSuccess.is-disabled:focus, .el-button--shendaSuccess.is-disabled:hover{
  color: #FFF;
  background-image: linear-gradient(to top, var(--success) 0%, #6EDC91 100%);
  border-color: var(--success);
}
.el-button--shendaWarning{
  color: var(--warning);
  border-color: var(--warning);
  background-color: #FFF;

}
.el-button--shendaWarning:not(is-disabled):hover,.el-button--shendaWarning:not(is-disabled):focus,.el-button--shendaWarning:not(is-disabled):active,.el-button--shendaWarning:not(is-disabled).is-active{
  color: #FFF;
  background-image: linear-gradient(to top, var(--warning) 0%, #FDC365 100%);
  border-color: var(--warning);
}
.el-button--shendaWarning.is-disabled, .el-button--shendaWarning.is-disabled:active, .el-button--shendaWarning.is-disabled:focus, .el-button--shendaWarning.is-disabled:hover{
  color: #FFF;
  background-image: linear-gradient(to top, var(--warning) 0%, #FDC365 100%);
  border-color: var(--warning);
}
.el-button--shendaDanger{
  color: var(--danger);
  border-color: var(--danger);
  background-color: #FFF;
}
.el-button--shendaDanger:hover,.el-button--shendaDanger:focus,.el-button--shendaDanger:active,.el-button--shendaDanger.is-active{
  color: #FFF;
  background-image: linear-gradient(to top, var(--danger) 0%, #DD6565 100%);
  border-color: var(--danger);
}
.el-button--shendaDanger.is-disabled, .el-button--shendaDanger.is-disabled:active, .el-button--shendaDanger.is-disabled:focus, .el-button--shendaDanger.is-disabled:hover{
  color: #FFF;
  background-image: linear-gradient(to top, var(--danger) 0%, #DD6565 100%);
  border-color: var(--danger);
}
.el-button--shendaInfo{
  background-color: #FFF;
  border-color: var(--info);
  color: #888;
}
.el-button--shendaInfo:hover,.el-button--shendaInfo:focus,.el-button--shendaInfo:active,.el-button--shendaInfo.is-active{
  color: #FFF;
  background-image: linear-gradient(to top, var(--info) 0%, #EFEFEF 100%);
  border-color: var(--info);
}
.el-button--shendaInfo.is-disabled, .el-button--shendaInfo.is-disabled:active, .el-button--shendaInfo.is-disabled:focus, .el-button--shendaInfo.is-disabled:hover{
  color: #FFF;
  background-image: linear-gradient(to top, var(--info) 0%, #EFEFEF 100%);
  border-color: var(--info);
}

/* primary */
.el-button--primary {
  color: #FFF;
  background-color: var(--lightBg);
  border-color: var(--lightBg);
}
.el-button--primary:focus, .el-button--primary:hover {
  background: var(--lightBg);
  border-color: var(--lightBg);
  color: #FFF;
}
.el-button--primary.is-active, .el-button--primary:active, .el-button--primary:focus, .el-button--primary:hover {
  background: var(--lightBg);
  border-color: var(--lightBg);
  color: #FFF;
}
.el-button--primary.is-plain {
  color: var(--lightBg);
  background-color:var(--lbBg);
  border-color: var(--lightBg);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus, .el-button--primary.is-plain:active, .el-button--primary.is-plain.is-active{
  color: #FFF;
  background-color:var(--lightBg);
  border-color: var(--lightBg);
}
/* success */
.el-button--success{
  color: #fff !important;
  border-color: var(--success) !important;
  background-color: var(--success) !important;
}
.el-button--success:focus, .el-button--success:hover, .el-button--success:active, .el-button--success.is-active {
  color: #fff;
  border-color: var(--successActive);
  background-color: var(--successActive);
}

.el-button--success.is-plain {
  color: var(--success);
  background: var(--successHoverBg);
  border-color: var(--successHover);
}
.el-button--success.is-plain:focus, .el-button--success.is-plain:hover, el-button-success.is-plain.is-active, el-button--success:not(.is-disabled):hover{
  color: #fff;
  border-color: var(--success);
  background-color: var(--success);
}
/* info */
.el-button--info {
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
}
.el-button--info:hover, .el-button--info:focus, .el-button--info:active,{
  color: #fff;
  background-color: var(--infoActive);
  border-color: var(--infoActive);
}
.el-button--info.is-plain{
  color: #888;
  border-color: var(--info);
  background-color: var(--infoHoverBg);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus, .el-button--info.is-plain:active, .el-button--info.is-plain.is-active{
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
}
/* warning */
.el-button--warning{
  color: #fff;
  border-color: var(--warning);
  background-color: var(--warning);
}
.el-button--warning:hover,.el-button--warning:focus,.el-button--warning:active,.el-button--warning.is-active, {
  color: #fff;
  border-color: var(--warningActive) !important;
  background-color: var(--warningActive) !important;
}
.el-button--warning.is-active{
  color: #fff;
  border-color: var(--warningActive);
  background-color: var(--warningActive);
}
.el-button--warning.is-plain {
  color: var(--warning);
  border-color: var(--warning);
  background-color: var(--warningHoverBg);
}
.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
  color: #fff;
  border-color: var(--warning);
  background-color: var(--warning);
}
/* danger */
.el-button--danger{
  color: #FFF;
  border-color: var(--danger);
  background-color: var(--danger);
}
.el-button--danger:hover, .el-button--danger:focus, .el-button--danger:active, .el-button--danger.is-active{
  color: #FFF;
  border-color: var(--dangerActive);
  background-color: var(--dangerActive);
}
.el-button--danger.is-plain{
  border-color: var(--danger);
  background-color: var(--dangerHoverBg);
  color: var(--danger);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus, .el-button--danger.is-plain:active, .el-button--danger.is-plain.is-active{
  color: #FFF;
  border-color: var(--dangerActive);
  background-color: var(--dangerActive);
}
.el-button--text{
  color: var(--lightBg);
  border: none;
  box-shadow: none;
}
.el-button--text:active {
  color: var(--lightBg);
}
.el-button--text:hover {
  color: var(--lightBg);
  background: none;
}

/* 文件上传 */
.avatar-uploader .el-upload:hover {
  border-color: var(--lightBg);
}
.el-upload-dragger .el-upload__text em {
  color: var(--lightBg);
  font-style: normal;
}
.el-upload-dragger:hover, .el-upload-dragger:active{
  border-color: var(--lightBg);
}

/* 超链接文字 */
.el-link.el-link--default {
  color: #606266;
}
.el-link.el-link--default:hover {
  color: var(--lightBg);
}
.el-link.el-link--lightBg, .el-link.el-link--lightBg:hover {
  color: var(--lightBg);
}
.el-link.el-link--success, .el-link.el-link--success:hover {
  color: var(--success);
}
.el-link.el-link--warning, .el-link.el-link--warning:hover {
  color: var(--warning);
}
.el-link.el-link--danger, .el-link.el-link--danger:hover {
  color: var(--danger);
}
.el-link.el-link--info, .el-link.el-link--info:hover {
  color: var(--infoActive);
}

/* 下拉菜单 */
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--normalBg);
  color: var(--lightBg);
}

/* 面包屑 */
.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner .is-link:active, .el-breadcrumb__inner .is-link:focus {
  color: var(--lightBg);
  cursor: pointer;
}

/* tab */
.el-tabs__item:hover, .el-tabs__item:focus, .el-tabs__item:active, .el-tabs__item.is-active {
  color: var(--lightBg);
  cursor: pointer;
}
.el-tabs__active-bar{
  background-color: var(--lightBg);
}

/* 导航菜单 */
.el-menu--horizontal>.el-menu-item.is-active {
  border-bottom: 2px solid var(--lightBg);
  color: #303133;
}

/* 步骤条 */
.el-step__head.is-finish {
  color: var(--lightBg);
  border-color: var(--lightBg);
}
.el-step__title.is-finish{
  color: var(--lightBg);
}
.el-step__description.is-finish {
  color: var(--lightBg);
}
.el-step__head.is-finish {
  color: var(--lightBg);
  border-color: var(--lightBg);
}

/* 弹出框 */
.el-alert--lightBg.is-dark {
  background-color: var(--lightBg);
  color: #FFF;
}
.el-alert--success.is-dark {
  background-color: var(--success);
  color: #FFF;
}
.el-alert--warning.is-dark {
  background-color: var(--warning);
  color: #FFF;
}
.el-alert--danger.is-dark {
  background-color: var(--danger);
  color: #FFF;
}

/* 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active,.el-pager li:not(.disabled).active:hover {
  background-color: var(--lightBg);
  color: #FFF ;
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li:hover{
  color: var(--lightBg);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--lightBg);
}
.el-pagination.is-background .el-pager li:not(.disabled).active, .el-pager li:not(.disabled).active:hover{
  color: #fff;
}

/* 标记 */
.el-badge__content {
  background-color: var(--danger);
}
.el-badge__content--lightBg {
  background-color: var(--lightBg);
}
.el-badge__content--warning {
  background-color: var(--warning);
}

/* message提示 */
.el-message .el-icon-success {
  color: var(--success);
}
.el-message .el-icon-warning {
  color: var(--warning);
}
.el-message .el-icon-danger {
  color: var(--danger);
}
.el-notification .el-icon-error {
  color: var(--danger);
}
.el-notification .el-icon-warning {
  color: var(--warning);
}
.el-notification .el-icon-success {
  color: var(--success);
}
.el-message-box__status.el-icon-warning {
  color: var(--warning);
}

/* 日历 */
.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: var(--normalBg);
}
.demo-calendar.demo-block .is-selected {
  color: var(--lightBgActive);
}
.el-backtop, .el-calendar-table td.is-today {
  color: var(--lightBgActive);
}
.el-calendar-table td.is-selected {
  background-color: var(--normalBg);
}

.detail-outer-div {
  color: var(--warningActive);
}
//加载文字颜色
.el-loading-spinner .el-loading-text {
  color: var(--lightBg);
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner i {
  color: var(--lightBg);
}
// cover some element-ui styles
/*
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

//禁用卡列表
.disabledList-header{
  .inputnum .el-input{
    width: 40%;
  }
  .RuleType .el-input{
    width: 122%;
  }
  .el-input__inner{
    height: 32px;
    line-height: 32px;
  }
  .el-date-editor--daterange.el-input__inner,{
    width: 600px;
  }
  .insertnum .el-input{
    width: 104%;
  }
}
.el-dropdown-menu__item{
  padding-left: 0;
  padding-right: 0;
}
//卡详情
.cardDetail{
  .el-input--small .el-input__inner{
    border: none;
    background: #f5f5f5;
  }
  .el-dialog__header{
    background: #3aa2ff;
  }
  .el-dialog__title{
    color: #FFFFFF;
  }
  .el-dialog__headerbtn .el-dialog__close{
    color: #FFFFFF;
  }
  .el-dialog__body{
    background: #f5f5f5;
  }
}
.el-drawer__header{
  border-bottom: 2px rgb(235, 235, 235) solid;
  margin-bottom: 0px;
  padding-bottom: 15px;
  padding-top:15px;
  font-size: larger;
}
.login-container {

  display: flex;
  align-items: center;
  //background: url("../assets/images/big_bg.jpg");

  .login-box {

    .el-tabs__item.is-top.is-active {
      cursor: default;
      user-select: none;
    }

    .bc-text-password {

      position: absolute;
      left: 305px;
      top: -42px;
      display: inline-block;
      font-size: 52px;
      color: #f8f9f9 !important;
      font-family: 微软雅黑;
      z-index: 1;
      user-select:none
    }

    .bc-text-login {
      position: absolute;
      right: 15px;
      top: 3px;
      display: inline-block;
      font-size: 68px;
      color: #f8f9f9 !important;
      font-family: 微软雅黑;
      z-index: 1;
      user-select:none
    }

    position: relative;
    width: 692px;
    height: 470px;
    margin: auto auto;

    .login-logo {

      position: absolute;
      left: 0;
      top: 53px;

      img {

        background: url("../assets/images/bg_01.jpg");
        border-radius:5px;
        pointer-events: none;
      }
    }

    .el-tabs.el-tabs--top {
      width: 410px;
      height: 460px;
      background-color: white;
      position: absolute;
      right: 0;
      box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.5);
      border-radius:5px;

      .el-tabs__nav-wrap::after {
        height: 0;
      }

      .el-tabs__content {
        height: 370px;

        #pane-first {
          height: 200px;
        }

        .el-form-item__content {
          border-bottom: 1px solid #ccc;
          font-size: 20px;
          padding-left: -20px;
          width: 340px;

          .el-input__inner {
            margin-left: 10px;
          }

          svg {
            margin-left: -0.8em;
          }
        }

        .tips {

          .el-form-item__content {
            border-bottom: none;
          }

          height: 55px;
          width: 340px;

          p {
            width: 320px;
            padding: 0;
            margin: 0;
            float: right;
            color: #999;
            font-size: 12px;
            font-weight: 400;
            font-weight: bold;
            font-family: 微软雅黑;
            height: 32px;
            line-height: 16px;

            a {
              color: #0088ff;
            }
          }
        }

        .el-form-item {
          margin-bottom: 6px;
        }

        .button {
          margin-top: 50px;

          .el-form-item__content {
            border-bottom: none;
          }
        }

        .tip {
          height: 32px;
          margin-top: 25px;

          p {
            position: relative;
            color: #999;
            font-size: 14px;
            font-weight: 400;
            font-weight: bold;
            font-family: 微软雅黑;

            a {
              color: #0088ff;
            }

            .right {
              position: absolute;
              right: 0;
              color: black;
              font-weight: normal;
            }
          }
        }
      }

      .el-tabs__nav-scroll {
        height: 80px;

        .el-tabs__nav.is-top {
          height: 80px;

          .el-tabs__item {
            padding: 0;
          }

          #tab-first {
            height: 80px;
            line-height: 80px;
            width: 410px;
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            font-family: 微软雅黑;
            font-weight: 400;
            color: #7f8182;
            margin-top: 18px;
          }

          .el-tabs__active-bar.is-top {
            height: 0px;
          }
        }
      }
    }
  }
}

.el-container {
  .el-header {
    margin-top: 3vh;
  }

  .el-main {
    .block {
      float: right;
    }

    .el-dropdown-link {
      font-size: 20px;
      cursor: pointer;
    }
  }
}*/

/*
!*按钮*!
.el-button, .el-button.is-plain{
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.el-button:hover, .el-button:focus, .el-button:active, .el-button.is-active{
  color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
  background: var(--lbBg);
  outline: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.el-button.is-plain:focus, .el-button.is-plain:hover {
  color: var(--lightBg);
  border-color: var(--lightBg);
  background-color: var(--lightBg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.el-button--lightBg {
  color: #fff;
  background-color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
}
.el-button--lightBg.is-plain.is-disabled, .el-button--lightBg.is-plain.is-disabled:hover, .el-button--lightBg.is-plain.is-disabled:focus, .el-button--lightBg.is-plain.is-disabled:active {
  //color: var(--lightBg) !important;
  //background-color: var(--lbBg) !important;
  //border-color: var(--lBg) !important;
  color: #FFF !important;
  background-image: linear-gradient(to top, var(--lightBg) 0%, var(--lBg) 100%);
  border-color: var(--lightBg);
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: #ffd666;
  background-color: #fff8e6;
  border-color: #fff1cc;
}*/
/*
.click_text {
  color:var(--lightBg) !important;
  cursor: pointer;
}
!*radio*!
.el-radio__inner:hover {
  border-color: var(--lightBg) !important;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--lightBg) !important;
  background: var(--lightBg) !important;
}
.el-radio__input.is-checked+.el-radio__label {
  color: var(--lightBg) !important;
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #fff !important;
  background-color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
  -webkit-box-shadow: -1px 0 0 0 var(--lightBg) !important;
  box-shadow: -1px 0 0 0 var(--lightBg) !important;
}
.el-radio-button__inner:hover{
  color: var(--lightBg) !important;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--lightBg) !important;
}
!*checkbox*!
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color:var(--lightBg) !important;
  border-color: var(--lightBg) !important;
}
.el-checkbox__inner:hover {
  border-color: var(--lightBg) !important;
}
.el-checkbox__inner:active {
  border-color: var(--lightBg) !important;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: var(--lightBg) !important;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
}

!*select*!
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: var(--lbBg) !important;
}

!*input*!
.el-input__inner:focus {
  border-color: var(--lightBg) !important;
}
.el-textarea__inner:hover {
  border-color: var(--lightBg) !important;
}
.el-textarea__inner:focus {
  border-color: var(--lightBg) !important;
}
.el-autocomplete-suggestion li>.el-button {
  border: none;
  color: var(--lbBg) !important;
  font-size: 14px;
}

!*日期控件*!
.el-date-table td.today span {
  color: var(--lightBg) !important;
  font-weight: bold;
}
.el-date-table td.start-date span, .el-date-table td.end-date span {
  background-color: var(--lightBg) !important;
}
.el-date-table td.in-range div {
  background-color: var(--lbBg) !important;
}
.el-date-table td.available:hover {
  color: var(--lightBg) !important;
}
.el-picker-panel__icon-btn:hover{
  color: var(--lightBg) !important;
}
.el-picker-panel__icon-btn:active{
  color: var(--lightBg) !important;
}
.el-picker-panel__shortcut:hover {
  color: var(--lightBg) !important;
}
.el-range-editor.is-active {
  border-color: var(--lightBg) !important;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 25px;
  color: #303133;
}
.el-date-table td.current:not(.disabled) span {
  color: #fff;
  background-color: var(--lightBg) !important;
}

!*table*!
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: var(--lbBg) !important;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: var(--lbBg) !important;
}
.el-loading-spinner .el-loading-text {
  color: var(--lightBg) !important;
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner i {
  color: var(--lightBg) !important;
}

!*分页*!
.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: var(--lightBg) !important;
}
.el-select-dropdown__item.selected {
  color: var(--lightBg) !important;
  font-weight: bold;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--lightBg) !important;
  color: #fff !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover{
  background-color: var(--lightBg) !important;
  color: #fff !important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--lightBg) !important;
}

!*tab*!
.el-tabs--border-card>.el-tabs__header {
  background-color: var(--lbBg) !important;
  border-bottom: 1px solid var(--lbBg) !important;
  margin: 0;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: var(--lightBg) !important;
  background-color: #fff;
  border-right-color: #DCDFE6;
  border-left-color: #DCDFE6;
}
.el-tabs__item .is-top .is-focus{
  color: var(--lightBg) !important;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--lightBg) !important;
}
.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--lightBg) !important;
  z-index: 1;
}

!*导航*!
.el-menu-item.is-active{
  background: var(--lightBg) !important;
  color: #fff;
}
.el-menu-item:hover{
  background: var(--lightBg) !important;
  color: #fff;
}

!*面包屑*!
.el-breadcrumb__inner:hover,.el-breadcrumb__inner:active {
  color: var(--lightBg) !important;
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a:hover {
  color: var(--lightBg) !important;
}

!*下拉菜单*!
.el-dropdown-link {
  cursor: pointer;
  color: var(--lightBg) !important;
}
.el-dropdown-menu--medium .el-dropdown-menu__item:hover {
  color: var(--lightBg) !important;
}
!*文件上传*!
.el-upload:focus {
  border-color: var(--lightBg) !important;
  color: var(--lightBg) !important;
}

.el-upload--picture-card:hover, .el-upload:focus {
  border-color: var(--lightBg) !important;
  color: var(--lightBg) !important;
}
.el-upload-dragger .el-upload__text em {
  color: var(--lightBg) !important;
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--lightBg) !important;
}
.el-upload-dragger.is-dragover {
  border-color: var(--lightBg) !important;
}
!*抽屉*!
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: var(--lbBg) !important;
}
.el-step__title.is-finish {
  color: var(--lightBg) !important;
}
.el-step__head.is-finish {
  color: var(--lightBg) !important;
  border-color: var(--lightBg) !important;
}

!*switch*!
.el-switch__label.is-active {
  color: var(--lightBg) !important;
}
.el-switch.is-checked .el-switch__core {
  border-color: var(--lightBg) !important;
  background-color: var(--lightBg) !important;
}

!*dialog*!
.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--lightBg) !important;
}

.el-dropdown-link .svg-icon{
  color: var(--lightBg) !important;
}
*/


/*导航*/
.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color: var(--normalBg);}
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color: var(--lightBg)}
//.el-menu::after,.el-menu::before{display:table;content:""}
//.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}
//.el-menu--horizontal{border-right:none}
//.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}
//.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}
//.el-menu--horizontal>.el-submenu{float:left}
//.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}
//.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}
//.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #27517D;color:#303133}
//.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}
//.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}
.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu.el-submenu__title{background-color: var(--normalBg);float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}
//.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}
//.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}
//.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #27517D;color:#303133}
//.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}
//.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}
//.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}
//.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-submenu{position:relative}
//.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;border:1px solid #E4E7ED;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
//.el-menu-item,.el-submenu__title{height:56px;line-height:56px;position:relative;-webkit-box-sizing:border-box;white-space:nowrap;list-style:none}
//.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}
//.el-menu--popup{z-index:100;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
//.el-menu--popup-bottom-start{margin-top:5px}
//.el-menu--popup-right-start{margin-left:5px;margin-right:5px}
//.el-menu-item{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-menu-item *{vertical-align:middle}
//.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#e9eef2}
//.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}
//.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}
//.el-menu-item.is-active{color:#27517D}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}
//.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}
//.el-submenu__title *{vertical-align:middle}
//.el-submenu__title i{color:#909399}
//.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#e9eef2}
//.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}
.el-submenu__title:hover{background-color: var(--lightBg)}
//.el-submenu .el-menu{border:none}
//.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}
//.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}
.el-submenu.is-active .el-submenu__title{border-bottom-color: var(--normalBg)}
//.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
//.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}
//.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}
//.el-menu-item-group>ul{padding:0}
//.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: var(--lightBg);
  font-weight: bold;
}

//.el-button--lightBgJ{
//  color: var(--lightBg);
//  background-color: #fff;
//  border-color: var(--lightBg);
//}
//.el-button--lightBgJ:hover,.el-button--lightBgJ:focus,.el-button--lightBgJ:active,.el-button--lightBgJ.is-active{
//  color: #FFF;
//  background-image: linear-gradient(to top, var(--lightBg) 0%, var(--lBg) 100%);
//  border-color: var(--lightBg);
//}


.vue-directive-image-previewer{
  z-index: 10000 !important;
}
.vue-directive-image-previewer-body {
  width: 100%;
  height: 100%;
  z-index: 10001;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vue-directive-image-previewer-body img {
  position: absolute;
  width: 800px !important;
  height: auto !important;
  z-index: 10002;
}
.vue-directive-image-previewer-img{
  width: 800px !important;
  height: auto !important;
  position: relative;
  //max-width: 100%;
  //max-height: 100%;
  z-index: 19999 !important;
}


